@use '../core' as *;

@include b(about-widget) {
  text-align: center;
  padding: 10px;
  display: flex;
  justify-content: center;

  @include e(item) {
    width: 50%;
  }

  @include e(avatar) {
    box-shadow: 0 0 3px var(--el-border-color);
    margin-left: -4px;
    border: 1px solid var(--el-border-color);
    font-size: 40px;
  }

  > .el-divider {
    height: 180px;
  }

  @include e(logo) {
    margin-bottom: 0;

    img {
      width: 100px;
    }
  }

  @include e(name) {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  @include e(version) {
    font-size: 12px;
    color: var(--el-text-color-secondary);
  }

  @include e(footer) {
    padding-top: 20px;
  }
}
